<template>
    <div id="ALL">
        <TopBar class="top"></TopBar>
        <MainTxt class="maintxt"></MainTxt>
        <Footer class="footer"></Footer>
    </div>
</template>

<script>
import TopBar from "../../components/yan/main/HonorTOP.vue"
import MainTxt from "../../components/yan/main/HonorContecnt.vue"
import Footer from "../../components/yan/main/HonorFooter.vue"


export default {
    components: {
        TopBar,
        MainTxt,
        Footer
    }
}
</script>

<style  lang="scss">
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

#ALL {
    display: flex;
    flex-wrap: wrap;
}

#ALL .maintxt .top {
    display: flex;
    height: 3.625rem;
}

#ALL .maintxt {
    flex: 1;
    padding: 0rem 1.4375rem;
    overflow-Y: auto;
}

#ALL .footer {
    display: flex;
    height: 11.25rem;
}
</style>